Home Games Magic Squares

Here is a fun JavaScript game. Try to put the squares back in order. The '0' repesents the empty spot, and click a square next to the 0 to make them trade places! Get the squares back in order and you win!

Magic Squares

JavaScript Source Code 2002: Games: Magic Squares
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s). The script is yours!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </SCRIPT> </HEAD>  <BODY onLoad="window.newgame()">  <CENTER> <h1 align=center>Magic Squares</h1><p> <FORM> <table border=0 celpadding=0 cellspacing=10> <tr><td> <input type="button" value=" 1 " onClick="window.move(0)"> <input type="button" value=" 2 " onClick="window.move(1)"> <input type="button" value=" 3 " onClick="window.move(2)"><br> <input type="button" value=" 4 " onClick="window.move(3)"> <input type="button" value=" 5 " onClick="window.move(4)"> <input type="button" value=" 6 " onClick="window.move(5)"><br> <input type="button" value=" 7 " onClick="window.move(6)"> <input type="button" value=" 8 " onClick="window.move(7)"> <input type="button" value=" 0 " onClick="window.move(8)"><p> </td></td> <td valign=top> Put the numbers in order so that they read 1-8. <br> The 0 is the 'empty' place. Click on any number <br> next to 0 and they will switch places. </td> </tr> <tr><td align=center> # of moves:<br> <input name="moves" size=7 value="0"> <p> </td> <td align=center><br> <input type="submit" value="New Game" onClick="window.newgame()"> </td> </tr> </table> </FORM> </CENTER>

	Put the numbers in order so that they read 1-8. The 0 is the 'empty' place. Click on any number next to 0 and they will switch places.
# of moves: